<script setup>

</script>
<template>
  <div class="about-us">
    <img src="@/assets/images/about-us.png" alt="">
    <div class="bread-crumb">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{ path: '/' }">Home</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/ContactUs' }">About Us</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
  </div>
</template>
<style scoped lang='scss'>
.about-us {
  .bread-crumb {
    width: 100%;
    height: 43px;
    background: #F2F2F2;
    display: flex;
    align-items: center;

    :deep(.el-breadcrumb) {
      max-width: 1200px;
      width: 1200px;
      margin: 0 auto;

      .el-breadcrumb__item {
        .el-breadcrumb__inner.is-link{
          font-size: 16px;
          color: #ccc;
        }
        &:last-child {
          .el-breadcrumb__inner{
            color: #333;
          }
        }
      }
    }
  }
}
</style>
